import React, { useEffect } from "react";
// import url from "../../assetst/picture/t_1.png";
import {
  PieComponent,
  Linexse,
  Linexse2,
  centenMap,
} from "../../component/echartsGather";
export default function BorderBox7Datav(props) {
  useEffect(() => {
    PieComponent();
    Linexse();
    Linexse2();
    centenMap();
  }, []);
  return (
    <div className="win">
      <div className="border_corner border_corner_left_top"></div>
      <div className="border_corner border_corner_right_top"></div>
      <div className="border_corner border_corner_left_bottom"></div>
      <div className="border_corner border_corner_right_bottom"></div>
      <div className="main">
        <div
          id={props.id}
          style={{ marginTop: "10px", width: "99%", height: "80%" }}
        ></div>
      </div>
      <div className="bt">
        <span>{props.title}</span>
      </div>
      <div
        className="btn"
        style={{ background: `url("${props.imageUrl}") no-repeat` }}
      ></div>
    </div>
  );
}
